<template>
	<!-- <div class="home-foot">
		<div class="msg">
			票面价电脑的巴萨FBDOIOSif额那是你大V卡死的可能
		</div>
		<ul class="">
			<li></li>
		</ul>
	</div> -->
	<div class="home-foot">
			<div class="msg">
				&diams;票面价是指通过景区指定创空售卖的纸质门票上标注的价格
			</div>
			<ul class="mores">
				<li>
					<span class="iconfont">&#xe63b;</span>
					<label>机票</label>
				</li>
				<li>
					<span class="iconfont">&#xe61b;</span>
					<label>酒店</label>
				</li>
				<li>
					<span class="iconfont">&#xe662;</span>
					<label>公寓</label>
				</li>
				<li class="sss">|</li>
				<li>
					<a href="">更多</a>
				</li>
			</ul>
			<ol class="list border-bottom">
				<li>
					<a href="">登录</a>
				</li>
				<li>
					<a href="">我的订单</a>
				</li>
				<li>
					<a href="">最近浏览</a>
				</li>
				<li>
					<a href="">关于我们</a>
				</li>
				
			</ol>
			
			<p>
				Qunar 京ICP备05021087
			</p>
		</div>
</template>

<script>
</script>

<style scoped>
	.home-foot{
		width: 100%;
		margin-top: 0.2rem;
		font-size: 0.2rem;
		background-color: #DCDCDC;
	}
	.msg{
		background-color: white;
		
		padding-top: 0.3rem;
		padding-bottom: 0.3rem;
		font-size:0.27rem ;
		/* float: left; */
		
	}
	.mores{
		overflow: hidden;
		margin: 0.2rem 0;
		display: flex;
		justify-content: space-between;
		width: 85%;
		margin-left: 0.5rem;
		
	}
	.mores li .iconfont{
		margin-right: 0.1rem;
	}
	.mores li a{
		color: #212121;
	}
	.list{
		display: flex;
		margin: 0.1rem;
	font-size: 0.3rem;
		justify-content: space-between;
	margin-top: 0.4rem;
	
	}
	.list a{
		margin-left: 0.2rem;
		margin-right: 0.5rem;
		color: #00BCD4;
		
	}
	
	.home-foot p{
		margin-top:0.5rem ;
		border-top:1px solid #CCCCCC;
		text-align: center;
	padding: 0.4rem 0;
	}
	.sss{
		margin-left: -0.3rem;
		margin-right: -0.3rem;
	}

</style>
